@import url("rem.css");
*{padding: 0;margin: 0;font-family:"Microsoft YaHei";}
ul,li{list-style: none;}
a{color: #000;text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.w{width: 15rem;margin: 0 auto;}
.flex{display: flex;}

@media (min-width:1200px){
	.maxscreen{display:block;}
	.minscreen{display: none!important;}
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
	.minscreen{display: block;}
	.maxscreen{display: none!important;}
}

/* 导肮 */
nav{display: flex!important;justify-content: space-between;height: 1rem;background-color: #ffffff;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);padding: 0 2.1rem;}
nav .logo{font-size: 0;}
nav .logo img{width: 2rem;height: auto; vertical-align: middle;}
.logo_info{justify-content: space-between;width: 4rem;align-items: center;}
.logo_info span{display: block;width: 1px;background-color: #E5E5E5;height: .52rem;}
.logo_info .address h2{font-size: .18rem;color: #999999;}
.logo_info .address p{font-size: .18rem;color: #333333;margin-top: 4px;}
nav ul li{width: 1rem;font-size: .18rem;margin-right: .4rem;}
nav ul li a{cursor: pointer;display: inline-block;text-align: center;line-height: 1rem;width: 1rem;position: relative;}
nav ul li.active a,nav ul li a:hover{color: #FF9A26;}
nav ul li.active a::before,nav ul li a:hover::before{display: block;position: absolute;top: 0;content: "";background-color: #FF9A26;height: .04rem;width: 100%;}

/* 侧边浮动 */
aside{position: fixed;right: 0;width: 1rem;height: 7.3rem;top: 1rem;z-index: 99999;background-color: #ffffff;box-shadow: -2px 5px 6px rgba(0, 0, 0, 0.1);transition: all linear .5s;}
aside li{width:100%;height: 1.6rem;text-align: center;position: relative;;cursor: pointer;background-size: 100% 100%;}
aside li img{position: absolute;right: 100%;height: 1.6rem;display: none;}
aside li:nth-of-type(4) img{width: 2.1rem;height: auto;margin-top: .55rem;}
aside li:nth-of-type(1){background-image: url(../img/aside/aside5.jpg)}
aside li:nth-of-type(2){background-image: url(../img/aside/aside3.jpg)}
aside li:nth-of-type(3){background-image: url(../img/aside/aside4.jpg)}
aside li:nth-of-type(4){background-image: url(../img/aside/aside1.jpg)}
aside li:nth-of-type(5){background-image: url(../img/aside/aside2.jpg)}
aside li:hover img{display: block;}
aside li:nth-of-type(1):hover{background-image: url(../img/aside/aside5_h.jpg)}
aside li:nth-of-type(2):hover{background-image: url(../img/aside/aside3_h.jpg)}
aside li:nth-of-type(3):hover{background-image: url(../img/aside/aside4_h.jpg)}
aside li:nth-of-type(4):hover{background-image: url(../img/aside/aside1_h.jpg)}
aside li:nth-of-type(5):hover{background-image: url(../img/aside/aside2_h.jpg)}

/* 底部 */
footer{background-color: #3d3d3d;padding: .5rem 0;}
.foot_ope{color: #ffffff;justify-content: center;font-size: 0;}
.foot_ope li{padding: 0 .61rem;height: .3rem;}
.foot_ope li a{color: #ffffff;font-size: .18rem;}
footer p{text-align: center;font-size: 12px;color: #999999;line-height: 26px;}
footer p:nth-of-type(1){margin-top: .1rem;}

/*适配移动端*/
@media only screen and (min-width: 320px) and (max-width: 1200px) {
    nav{height: .88rem;padding: 0 .2rem;justify-content: space-between;}
    nav a{display: block;height: .88rem;font-size: .28rem;}
    nav a img{vertical-align: middle;}
    nav a:first-of-type{width: 2.34rem;}
    nav a:last-of-type{line-height: .88rem;color: #333333;}
    nav a:first-of-type img{width: 100%;height: .88rem;}
    nav a:last-of-type img{width: .34rem;height: auto;}
    
    footer{background-color: #E5E5E5;margin-top: .4rem;padding: .3rem 0;}
    .foot_ope li a{color: #333333;}
    footer p{margin-top: .2rem;}
}